<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>global object</title>
        <!--在html中通过script元素嵌入JavaScript脚本-->
        <script type="text/javascript">
            // 解析 `global object`

            // 在 浏览器 环境中用 window 变量来访问 `global object`
            console.log( window );

            console.log( '- '.repeat(30) );

            console.log( window instanceof Object ); // true

            console.log( '- '.repeat(30) );

            // 获得 window 上所有可枚举的自有属性(含值属性和函数属性)
            const keys = Object.keys( window );
            console.log( keys );

            console.log( '- '.repeat(30) );

            // 获得 window 上所有自有属性
            const names = Object.getOwnPropertyNames( window );
            console.log( names );

            // 获得 window 对应的原型
            const windowProto = Object.getPrototypeOf( window );
            console.log( windowProto instanceof Object ); // true

            console.log( window.globalThis === window );
            console.log( globalThis === window );

        </script>

    </head>
    <body>
        <h1>global object</h1>
        <p>请在浏览器终端中查看运行结果</p>
    </body>
</html>